<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Viet Nam T-shirts Shop</title>

    <!-- Bootstrap core CSS -->
    <link href="<?=base_url('utils/css/bootstrap.css') ?>" rel="stylesheet">
    <link rel="stylesheet" href="<?=base_url('utils/css/customize.css') ?>">
    <link rel="stylesheet" href="<?=base_url('utils/css/codrops.css') ?>">
    <link rel="stylesheet" href="<?=base_url('utils/css/font-awesome.css') ?>">
    <link rel="stylesheet" href="<?=base_url('utils/css/wizard.css') ?>">
    <link rel="stylesheet" href="<?=base_url('utils/css/carousel.css') ?>">
    <script src="<?=base_url('utils/js/modernizr.custom.js') ?>"></script>
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>    
</head>

<body>
<!-- <div id="top-header">
    Tất cả áo thun vietnam t shirt project vận chuyển miễn phí trên toàn quốc
</div> -->
    <header id="header" class="navbar navbar-default" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="row">
                <div class="navbar-header">           
                    <a class="navbar-brand" href="<?=site_url() ?>">
                        <img src="<?=base_url('utils/img/Logo-VN-T-shirt-Project-final.png') ?>" alt="">
                    </a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <nav id="navbar" class="navbar-collapse">
                    <ul class="nav navbar-right">
                        <li>
                            <a href="<?=site_url() ?>">Shop áo thun</a>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Giới thiệu <b class="caret"></b></a>
                              <ul class="dropdown-menu sub-menu">
                                    <li><a href="<?=site_url('home/news/cac-thuong-hieu') ?>">Các thương hiệu</a></li>
                                    <li><a href="<?=site_url('home/news/ban-si-cho-nha-phan-phoi') ?>">Bán sỉ cho nhà phân phối</a></li>
                                    <li><a href="<?=site_url('home/news/hop-tac-thuong-hieu') ?>">Hợp tác thương hiệu</a></li>
                              </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Nhà thiết kế<b class="caret"></b></a>
                              <ul class="dropdown-menu sub-menu">
                                    <li><a href="<?=site_url('home/news/mua-mau-thiet-ke') ?>">Mua mẫu thiết kế</a></li>
                                    <li><a href="<?=site_url('home/news/dang-ky-cong-tac') ?>">Đăng ký cộng tác</a></li>
                                    <li><a href="<?=site_url('home/news/design-contest-2014') ?>">Design Contest 2014</a></li>
                              </ul>
                        </li>
                         <li>
                            <a href="<?=site_url('home/news/dia-chi-cua-hang') ?>">Địa chỉ cửa hàng</a>
                        </li>
                    </ul>
                <div id="mini-nav" class="row">
                    <ul>
                         <li id="cart">
                            <a href="">
                                <i class="fa fa-shopping-cart"></i>
                                <span id="count">
                                    1
                                </span>
                            </a>
                        </li>
                        <li id="sb" class="sb-search">
                            <form>
                                <input class="sb-search-input" placeholder="Tìm kiếm" type="search" name="search" value="" id="search">
                                <input class="sb-search-submit" type="submit" value="">
                                <span class="sb-icon-search"></span>
                            </form>                        
                        </li>
                    </ul>
                </div>
                </nav>

            </div><!-- .row -->
            <!-- /.navbar-collapse -->
        </div>
    </header>
        <div class="container" id="body">
          
        
            <div id="steps" class="row bs-wizard" style="border-bottom:0;">
                
                <div class="col-xs-4 bs-wizard-step active"> <!-- complete - active - disabled -->
                  <div class="progress"><div class="progress-bar"></div></div>
                  <a href="#" class="bs-wizard-dot">1</a>
                   <div class="text-center bs-wizard-stepnum">Giỏ hàng</div>
                </div>
                
                <div class="col-xs-4 bs-wizard-step disabled"><!-- complete -->
                  <div class="progress"><div class="progress-bar"></div></div>
                  <a href="#" class="bs-wizard-dot">2</a>
                  <div class="text-center bs-wizard-stepnum">Thông tin đơn hàng</div>
                </div>
                
                <div class="col-xs-4 bs-wizard-step disabled"><!-- complete -->
                  <div class="progress"><div class="progress-bar"></div></div>
                  <a href="#" class="bs-wizard-dot ">3</a>
                   <div class="text-center bs-wizard-stepnum">Xác nhận</div>
                </div>
                
            </div>            
            <div id="table-cart">
            <?php echo form_open('home/updateCart',array('id' => 'form-id')); ?>
                <table>
                    <thead>
                        <tr>
                            <td></td>
                            <td id="p-name">Sản phẩm</td>
                            <td id="p-cosst">Giá</td>
                            <td id="p-quality">Số lượng</td>
                            <td id="p-total">Tổng cộng</td>
                        </tr>
                    </thead>
                    <tbody>
                    <?php $i = 1; ?>
                    <?php foreach ($this->cart->contents() as $items): ?>
                        <?php echo form_hidden($i.'[rowid]', $items['rowid']); ?>
                        <tr>
                            <td class="cir-cancel">
                                <a href="" class=""><i class="fa fa-times-circle-o"></i></a>
                            </td>
                            <td class="product-name">
                                <ul>
                                    <li>
                                          <img src="http://placehold.it/135x150" alt="">
                                    </li>
                                    <li class="des">
                                        <p><?php echo $items['options']['Product']->title; ?>. Áo thun nam. Size <?=$items['options']['Size'] ?></p>
                                    </li>
                                </ul>                                       
                            </td>
                            <td class="product-price"><?=str_replace('000', 'k', $items['price']) ?></td>
                            <td class="product-quality">
                                <form>
                                    <input type='button' value='+' class='qtyplus' field=<?=$i ?>'[qty]' />
                                    <?php echo form_input(array('name' => $i.'[qty]', 'value' => $items['qty'], 'maxlength' => '3', 'size' => '5', 'class' => 'qty')); ?>                                   
                                    <input type='button' value='-' class='qtyminus' field='quantity5' />
                                    <div class="clearfix"></div>
                                </form>
                                <a href="javascript:document.getElementById('form-id').submit();">Update</a>
                            </td>
                            <td class="total-product">
                                <p><?=str_replace('000', 'k', $items['subtotal']) ?></p>
                            </td>
                        </tr> 
                    <?php $i++; ?>
                    <?php endforeach; ?>                        
                    </tbody>
                </table>
                </form>
               <div id="under-table">
                   <div class="pull-left">
                      <form action="">
                          <input type="text" name="couponCode" id="couponCode" placeholder="Nhập Coupon" value="">
                          <input type="button" class="ghost-btn-white" id="coupon-btn" value="Nhập mã">
                      </form>
                   </div>
                   <div class="pull-right">
                        <a href="<?=site_url('home/info') ?>" class="red-btn">Thanh toán</a>
                   </div>
                   <div class="clearfix"></div>
               </div><!-- #under-table -->
               <div id="order-infor" class="pull-right">
                   <h4>Tổng đơn hàng</h4>
                   <table>
                       <tbody>
                           <tr>
                               <td id="name" class="pull-left">Giá trị hàng</td>
                               <td></td>
                               <td id="cost" class="pull-right"> <?=str_replace('000', 'k', $this->cart->total()) ?></td>
                           </tr>
                           <tr>
                                <td id="name" class="pull-left">Tiền ship:</td>
                                <td> </td>
                                <td id="cost" class="pull-right"> 0</td>
                            </tr>
                             <tr>
                                <td id="name" class="pull-left"><b>Tổng cộng</b></td>
                                <td> </td>
                                <td id="cost" class="pull-right"> <h5 style="color:#e81c25"> <?=str_replace('000', 'k', $this->cart->total()) ?></h5></td>
                            </tr>
                       </tbody>
                   </table>
                   <div class="clearfix"></div>
               </div><!-- #order-infor-->
                <div class="clearfix"></div>
            </div>
            <div id="logo-slider-wraper" class="row">
            <div class="list_carousel">
                <ul id="foo">
                    <li><img src="<?=base_url("utils/slide/logo-fresh-monday-home1.jpg") ?>" /></li>
                    <li><img src="<?=base_url("utils/slide/logo-monkey-home1.jpg") ?>" /></li>
                    <li><img src="<?=base_url("utils/slide/logo-cat-home1.jpg") ?>" /></li>
                    <li><img src="<?=base_url("utils/slide/logo-sleeping-owl-home1.jpg") ?>" /></li>
                    <li><img src="<?=base_url("utils/slide/logo-hanoi-36-home1.jpg") ?>" /></li>
                    <li><img src="<?=base_url("utils/slide/logo-t-shirt-home1.jpg") ?>" /></li>
                    <li><img src="<?=base_url("utils/slide/logo-beyond-home1.jpg") ?>" /></li>
                    <li><img src="<?=base_url("utils/slide/logo-new-saigon-home1.jpg") ?>" /></li>
                    <li><img src="<?=base_url("utils/slide/logo-RSS-home1.jpg") ?>" /></li>
                    <li><img src="<?=base_url("utils/slide/logo-heli-home1.jpg") ?>" /></li>
                    <li><img src="<?=base_url("utils/slide/logo-always-available-home1.jpg") ?>" /></li>
                    <li><img src="<?=base_url("utils/slide/logo-linh-vat-dat-viet-home1.jpg") ?>" /></li>                    
                </ul>    
                <!--
                <div class="clearfix"></div>
                <a id="prev" class="prev1" href="#">&lt;</a>
                <a id="next" class="next1" href="#">&gt;</a>
                <div id="pager2" class="pager"></div>
                -->
            </div><!-- .list_carousel -->
        </div><!-- logo-slider-wraper -->
        <div class="row" id="footer-btn">
            <div  class="col-sm-4">
                <p class="text-center">
                    <a href="">
                        <img src="<?=base_url('utils/img/mauthietke.png') ?>" alt="">
                    </a>
                </p>
            </div>
            <div class="col-sm-4">
                <p class="text-center">
                    <a href="">
                        <img src="<?=base_url('utils/img/nhaphanphoi.png') ?>" alt="">
                    </a>
                </p>
            </div>
            <div class="col-sm-4">
                <p class="text-center">
                    <a href="">
                        <img src="<?=base_url('utils/img/cacthuonghieu.png') ?>" alt="">
                    </a>
                </p>
            </div>
        </div>
         <footer id="colophon" role="contentinfo" class="row">                                           
            <div id="site-generator-wrapper">
                <section id="site-generator" class="clearfix">
                    <a class="social" href="http://www.facebook.com/VietnamTShirtProject" target="_blank" rel="nofollow">
                    <span class="facebook social-icon"></span>
                    </a>                             
                    <p>DỰ ÁN VIETNAM T-SHIRT PROJECT LÀ DỰ ÁN QUY TỤ NGUỒN LỰC THIẾT KẾ, SẢN XUẤT, PHÂN PHỐI CỦA CỘNG ĐỒNG.</p>
                    <p>ĐƯỢC ĐIỀU HÀNH BỞI LAICEPS CORPORATION, BẢN QUYỀN MẪU THIẾT KẾ THUỘC VỀ NHÀ THIẾT KẾ.</p>
                    <p>COPYRIGHT 2013. ALL RIGHTS RESERVED</p>                              
                    <div id="sub-footer-info">
                      </div>
                </section>
             </div><!-- #site-generator-wrapper -->
             <br>
         </footer>
        </div><!-- .container -->
       
    <!-- JavaScript -->    
    <script src="<?=base_url('utils/js/bootstrap.js') ?>"></script>
    <script src="<?=base_url('utils/js/classie.js') ?>"></script>
    <script src="<?=base_url('utils/js/uisearch.js') ?>"></script>
    <script src="<?=base_url('utils/js/jquery.carouFredSel-6.2.1-packed.js') ?>"></script>
    <script>
        $(function() {
            $('#foo').carouFredSel({
                responsive: true,
                width: 'auto',
                prev: '#prev',
                next: '#next',
                auto:true,
                items: {
                    width: 130,
                    height: 'auto',
                    visible: {
                        min: 1,
                        max: 7,
                            }
                        }   
        });
        });
    </script>
    <!-- input count -->
    <script>
    jQuery(document).ready(function(){
    $('.qtyplus').click(function(e){
        e.preventDefault();
        fieldName = $(this).attr('field');
        var currentVal = parseInt($('input[name='+fieldName+']').val());
        if (!isNaN(currentVal)) {
            $('input[name='+fieldName+']').val(currentVal + 1);
        } else {
            $('input[name='+fieldName+']').val(0);
        }
    });
    $(".qtyminus").click(function(e) {
        e.preventDefault();
        fieldName = $(this).attr('field');
        var currentVal = parseInt($('input[name='+fieldName+']').val());
        if (!isNaN(currentVal) && currentVal > 0) {
            $('input[name='+fieldName+']').val(currentVal - 1);
        } else {
            $('input[name='+fieldName+']').val(0);
        }
    });
});

    </script>
    <script>
            new UISearch( document.getElementById('sb') );
    </script>   
</body>

</html>